<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="css/mend.css"/>
		<!--接单样式-->
		<link rel="stylesheet" type="text/css" href="css/jiedan.css"/>
	</head>
	<body class="logo-c000000 bar-cffffff nav-black nav-vertical" data-class="nav-vertical">
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" checked="checked" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear">
						<li class="active">
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num1"></em><strong>首页</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em><strong>项目接单</strong><i class="icon-down"></i>
							</a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>打回记录</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>已接单项目</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num3"></em><strong>课程列表</strong><i class="icon-down"></i></a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>工程类</strong><i class="icon-down"></i></a>
									<ul class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程安全</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程质量</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程效率</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程进度</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>施工类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>心理类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>教育类</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em><strong>收发邮件</strong>
							</a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num5"></em><strong>个人账户</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num6"></em><strong>图库收集</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num7"></em><strong>个性设计定制</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num8"></em><strong>资源列表</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num9"></em><strong>文件分类</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num10"></em><strong>设置管理</strong></a>
						</li>
					</ul>
					<div class="nav-features">
						<i></i>
						<div>
							<p>本月人员数据：</p>
							<p>预约人员：10个</p>
							<p>面试人员：8个</p>
							<p>入职人员：6个</p>
							<p>面试合格：2个</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主导航 结束-->
		<!--内容区 开始-->
		<div id="main_content">
			<div class="breadcrumb">
				<span class="squarename">项目单详情</span>
				<span class="plr20">545787</span>
				<span class="plr20">死神君网络技术有限公司</span>
				<span class="plr20 status">状态：<span>待审核</span></span>
				<a href="javascript:;" class="item-info">项目信息</a>
				<a href="javascript:;" class="goback">返回</a>
			</div>
			<div class="content-wrapper" id="content-wrapper">
				<div class="item-detail clear">
					<p><span class="item-span">地区：</span>北京</p>
					<p><span class="item-span">项目名称：</span>死神君网络技术有限公司</p>
					<p><span class="item-span">面积：</span>500平米</p>
					<p><span class="item-span">项目地址：</span>北京市海淀区永定二环路254号</p>
					<p><span class="item-span">项目单号：</span>32H45345</p>
					<p><span class="item-span">项目类型：</span>办公</p>
					<p><span class="item-span">合同金额：</span>130000元</p>
					<p><span class="item-span">合同工期：</span>25天</p>
					<p><span class="item-span">是否有附件：</span>是</p>
					<p><span class="item-span">设计师：</span>张梦阳</p>
					<p><span class="item-span">联系方式：</span>18000136481</p>
					<p><span class="item-span">提单日期：</span>2016-01-04</p>
					<p><span class="item-span">资料审批人：</span>赤南介</p>
					<p><span class="item-span">联系方式：</span>18000136481</p>
					<p><span class="item-span">类型：</span>个人</p>
				</div>
				<div class="stepBar">
			        <div class="step-bar"><div class="step-bar-active"></div></div>
			        <div class="step-header">
			            <ul class="step-ul clear">
			                <li class="step-active">
			                    <span>1</span>
			                    <p>打回项</p>
			                </li>
			                <li>
			                    <span>2</span>
			                    <p>合同类</p>
			                </li>
			                <li>
			                    <span>3</span>
			                    <p>图纸类</p>
			                </li>
			                <li>
			                    <span>4</span>
			                    <p>报价类</p>
			                </li>
			            </ul>
			        </div>
			    </div>
				<div class="stepCon" style="display: block;">
					<h2 class="h2-title">电子类：合同类检查项（共16项）</h2>
					<div class="clear check-item">
						<p class="half-width">
							1.合同签订日期：2015-12-30
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							2.工程名称：死神君网络技术有限公司
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							3.建筑面积：500㎡
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							4.工程地址：北京市海淀区永定河路325号
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							5.甲方负责人：战三
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							6.负责人电话：15110041236
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							7.设计师姓名：张三
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							8.设计师电话：15110041236
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							9.工程总造价：12000000.00元
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							10.工期：30天
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							11.甲方银行账号：42134320000413
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
						<p class="half-width">
							12.承包方账号：42134320000413
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
					</div>
					<div class="clear check-item">
						<p class="half-width">
							13.是否含附件：否
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
					</div>
					<div class="clear check-item">
						<p class="half-width">
							14.工程款支付：5/2/1/1
							<span class="check-item-opera">
								<a href="javascrpt:;" class="not-through"></a>
								<a href="javascrpt:;" class="through"></a>
							</span>
						</p>
					</div>
					<div class="whole-width plr20 check-item">
						<p>（1）本合同签订3日内，甲方支付给乙方总金额 45%预付款，总计金额3456676元  </p>
						<p>（2）施工 3日内，甲方支付给乙方总金额 76%预付款，总计金额47556元 </p>
						<p>（3）工程验收完毕后4日内，甲方支付给乙方总金额 76%预付款，总计金额47556元 </p>
						<p>（4）工程竣工验收完毕后5日内，甲方支付给乙方总金额43%预付款，总计金额54434元 </p>
					</div>
					<div class="clear check-item">
						<p class="half-width">15.客户特殊要求：无</p>
						<p class="half-width">16.代购主材费：无</p>
					</div>
					<h2 class="h2-title">文本类（共4张）</h2>
					<ul class="clear doc-ul require-upload">
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">合同首页</p>
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
						</li>
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">合同尾页</p>
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
						</li>
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">附件合同</p>
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
						</li>
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">身份证复印件</p>
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
						</li>
					</ul>
					<div class="stepnext">
						<a href="javascript:;"  data-step="2" class="button nextstep">下一步</a>
					</div>		
				</div>
				<div class="stepCon">
					<h2 class="h2-title">电子类：（共4张）</h2>
					<ul class="paper-ul clear">
						<li>
							<div class="paper-div">
								<div class="paper-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link"  data-src="images/tuzhi.jpg" data-imgname="图片一" ></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								
								<p>点位图</p>
								<span class="check-item-opera">
									<a href="javascrpt:;" class="not-through"></a>
									<a href="javascrpt:;" class="through"></a>
								</span>
							</div>
						</li>
						<li>
							<div class="paper-div">
								<div class="paper-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname="图片一"></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p>平面图</p>
								<span class="check-item-opera">
									<a href="javascrpt:;" class="not-through"></a>
									<a href="javascrpt:;" class="through"></a>
								</span>
							</div>
						</li>
						<li>
							<div class="paper-div">
								<div class="paper-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname="图片一"></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p>点位图</p>
								<span class="check-item-opera">
									<a href="javascrpt:;" class="not-through"></a>
									<a href="javascrpt:;" class="through"></a>
								</span>
							</div>
						</li>
					</ul>
					<h2 class="h2-title">文本类：（共4张）</h2>
					<ul class="clear require-upload paper-doc-ul">
						<li>
							<div class="item-show">
								<div class="item-img">
									<div class="item-img-bg"></div>
									<a class="download"><img src="images/download.png" alt=""></a>
									<a href="javascript:;" class="paper-link">
										<img src="images/dwt.jpg" alt="" />
									</a>
								</div>
								<p>施工图（DWG）数量：127张</p>
							</div>
						</li>
					</ul>
					<div class="stepnext">
						<a href="javascript:;" data-step="1" class="button prevstep">上一步</a>
						<a href="javascript:;" data-step="3" class="button ml5 nextstep">下一步</a>
					</div>	
				</div>
				<div class="stepCon">
					<h2 class="h2-title">电子类：</h2>
					<ul class="clear require-upload paper-doc-ul">
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file">
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p>施工图（DWG）数量：127张</p>
							</div>
						</li>
					</ul>
					<h2 class="h2-title">文本类：（共2张）</h2>
					<ul class="clear doc-ul require-upload">
						<li>
							<div class="item-img">
								<!--加载 开始-->
                                <div class="loadingDiv">
                                    <div class="loading_bg"></div>
                                    <div class="loading"></div>
                                </div>
                                <!--加载 结束-->
								<a href="javascript:;" class="a-upload">
									<input type="file" class="file">
								</a>
								<!--上传完成后，隐藏a标签，显示img标签 开始-->
								<div class="upload_finish_div">
                                    <div class="upload_finish_bg"></div>
                                    <img src="" class="upload_finish_img" id="showImg_1">
                                    <div class="upload_finish_link">
                                        <div class="dis_il_block">
                                            <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                            <a href="javascript:" class="delect_link"></a>
                                        </div>
                                    </div>
                                </div>
                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
							
						</li>
						<li>
							<div class="item-show">
								<div class="item-img">
									<!--加载 开始-->
	                                <div class="loadingDiv">
	                                    <div class="loading_bg"></div>
	                                    <div class="loading"></div>
	                                </div>
	                                <!--加载 结束-->
									<a href="javascript:;" class="a-upload">
										<input type="file" class="file">
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
                                        <div class="upload_finish_bg"></div>
                                        <img src="" class="upload_finish_img" id="showImg_1">
                                        <div class="upload_finish_link">
                                            <div class="dis_il_block">
                                                <a href="javascript:" class="enlarge_link" data-src="" data-imgname=""></a>
                                                <a href="javascript:" class="delect_link"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">报价骑缝</p>
							</div>
							<a href="javascript:;" class="eg-btn button">范本</a>
							<div class="signature">
								<label><input type="checkbox" />xxx处盖章</label>
								<label><input type="checkbox" />xxx处盖章</label>
							</div>
						</li>
					</ul>
					<div class="stepnext">
						<a href="javascript:;" data-step="2" class="button prevstep">上一步</a>
						<a href="javascript:;" data-step="4" class="button ml5 nextstep">下一步</a>
					</div>	
				</div>
				<div class="stepCon">
					<h2 class="h2-title">
						文本类：（共2张）
						<div class="step-search">
							<input type="text" value="输入添加材料名称" class="write-input fl" />
							<input type="button" value="添加" class="add-button button fl" />
						</div>
					</h2>
					<ul class="clear other-ul">
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
	                                <p class="pt10">项目调价单</p>
									<a href="javascript:;" class="delete"></a>
								</div>
							</div>
						</li>
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">项目调价单</p>
								<a href="javascript:;" class="delete"></a>
							</div>
						</li>
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">项目调价单</p>
								<a href="javascript:;" class="delete"></a>
							</div>
						</li>
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">项目调价单</p>
								<a href="javascript:;" class="delete"></a>
							</div>
						</li>
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">项目调价单</p>
								<a href="javascript:;" class="delete"></a>
							</div>
						</li>
						<li>
							<div class="item-img">
								<div class="item-img-link">
									<a href="javascript:;">
										<img src="images/tuzhi.jpg" alt="" />
									</a>
									<!--上传完成后，隐藏a标签，显示img标签 开始-->
									<div class="upload_finish_div">
	                                    <div class="upload_finish_bg"></div>
	                                    <div class="upload_finish_link">
	                                        <div class="dis_il_block">
	                                            <a href="javascript:" class="enlarge_link" data-src="images/tuzhi.jpg" data-imgname=""></a>
	                                            <a href="javascript:" class="delect_link"></a>
	                                        </div>
	                                    </div>
	                                </div>
	                                <!--上传完成后，隐藏a标签，显示img标签 结束-->
								</div>
								<p class="pt10">项目调价单</p>
								<a href="javascript:;" class="delete"></a>
							</div>
						</li>
					</ul>
					<div class="stepnext">
						<a href="javascript:;" class="button prevstep" data-step="3">上一步</a>
						<a href="javascript:;" class="button ml5">提交</a>
					</div>	
				</div>
			</div>
				
		</div>
		<!--内容区 结束-->
	</div>
	<!--弹出层 开始-->
	<div class="alertMask"></div>
	<div class="alertBox" id="materialBox">
        <div class="alertTitle">
            <p>资料查看</p>
            <span class="alertClose close"></span>
        </div>
        <div class="alertCon clear">
			<dl class="material-list">
				<dt>1.</dt>
				<dd><img src="images/tuzhi.jpg" alt="" data-src = "images/tuzhi.jpg;images/dwt.jpg;images/skin.png;images/skin_active.png" data-imgname = "图片一;图片二;图片三;图片四"></dd>
			</dl>
			<dl class="material-list">
				<dt>2.</dt>
				<dd><img src="images/dwt.jpg" alt="" data-src = "images/dwt.jpg;images/skin.png;images/skin_active.png;images/tuzhi.jpg" data-imgname = "图片二;图片三;图片四;图片一"></dd>
			</dl>
			<dl class="material-list">
				<dt>3.</dt>
				<dd><img src="images/tuzhi.jpg" alt="" data-src = "images/tuzhi.jpg;images/dwt.jpg;images/skin.png;images/skin_active.png" data-imgname = "图片一;图片二;图片三;图片四"></dd>
			</dl>
			<dl class="material-list">
				<dt>4.</dt>
				<dd><img src="images/tuzhi.jpg" alt="" data-src = "images/tuzhi.jpg;images/dwt.jpg;images/skin.png;images/skin_active.png" data-imgname = "图片一;图片二;图片三;图片四"></dd>
			</dl>
			<dl class="material-list">
				<dt>5.</dt>
				<dd>
					<a href="javascript:;" class="a-upload">
						<input type="file" class="file">
					</a>
				</dd>
			</dl>
        </div>
	</div>
	<!--弹出层 结束-->
	
	
	
	
	
	
	
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<script src="js/scroll.js" type="text/javascript" charset="utf-8"></script>
	<!--主导航-->
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/New_jquery.mousewheel.js" type="text/javascript" charset="utf-8">//滚轮滚动缩放</script>
	<script src="js/jquery.rotate.min.js" type="text/javascript" charset="utf-8">//图片旋转</script>
	<script src="js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script src="js/jquery.placeholder.1.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function(){
			//折叠导航
			$(".item-info").click(function(){
				if($(".item-detail").css("display")=="none")
				{
					$(".item-detail").slideDown(200);
				}else{
					$(".item-detail").slideUp(200);
				}
			});
			//合同类检查下的通过和不通过
			$(".check-item-opera a").each(function(){
				$(this).click(function(){
					$(this).parent().find(".curs").removeClass("curs");
					$(this).addClass("curs");
				})
			});
			//步骤按钮
            var curstep=1;
            rxued.areaSwitch.step($("#content-wrapper"),curstep,300,true,false,true);
            $(".nextstep").click(function(){
                curstep=$(this).attr("data-step");
                rxued.areaSwitch.step($("#content-wrapper"),curstep,300,true,false,false);
                $(".stepCon").hide().eq(parseInt(curstep)-1).show();
            });
            $(".prevstep").click(function(){
                curstep=$(this).attr("data-step");
                rxued.areaSwitch.step($("#content-wrapper"),curstep,300,true,false,false);
                $(".stepCon").hide().eq(parseInt(curstep)-1).show();
            });
            
            
			$(".paper-doc-ul .item-img").hover(function(){
				$(this).find(".item-img-bg,.download").stop(true,true).fadeIn();
			},function(){
				$(this).find(".item-img-bg,.download").stop(true,true).fadeOut();
			});
			
			
			//鼠标移动到上传完成的图片后，显示放大和删除按钮
            $(".upload_finish_div").hover(function () {
                $(this).find(".upload_finish_bg").stop(true, true).fadeIn();
                $(this).find(".upload_finish_link").stop(true, true).fadeIn();
            }, function () {
                $(this).find(".upload_finish_bg").stop(true, true).fadeOut();
                $(this).find(".upload_finish_link").stop(true, true).fadeOut();
            });

			//点击附件合同弹出层
			$(".other-item-img").click(function(){
				$(".alertMask").show();
				$("#materialBox").show(0,function(){
					var oheight=$(this).height();
					$(this).css({
						marginTop:-oheight/2
					});
				});
			});
			//点击附件合同弹出层关闭按钮
			$("#materialBox .close").click(function(){
				$("#materialBox,.alertMask").hide();
			});
			//rxued.alert.jAlert("","#materialBox",".alertMask",850,true,true);
			//第二步，电子类图片鼠标移入移除
			$(".paper-link,.item-img-link").hover(function(){
				$(this).find(".upload_finish_div").show();
			},function(){
				$(this).find(".upload_finish_div").hide();
			});
			 //**************************************图片放大效果开始************************************************************//
            $(".enlarge_link").each(function (i) {
                $(this).click(function () {
                    var thisclick = this;
                    var thisId = "preview_" + i;
                    var curId = "CurImg_" + i;
                    //图片放大
                    rxued.images.enSingleLarge(thisclick, thisId, curId);

                    //点击旋转按钮
                    rxued.images.rotateBtnClick(thisId, curId);
                    //关闭图片放大弹出层
                    rxued.images.closeImgAlert(thisId);
                    //1:1
                    rxued.images.oneToone(thisId, curId);
                })
            })
            //***************************************图片放大效果结束************************************************************//

			
			
			
		})
	</script>
	
	
	
	

	
	</body>
</html>
